<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Vue 测试实例 - 菜鸟教程(runoob.com)</title>
		<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
	</head>
	<body>
		<div id="app">
			<ol>
				<li v-for="site in obj.traceList">
					{{ site.name }}
					<p v-for="itemInfos in site.info">
						<span v-for="itemInfo in itemInfos">{{itemInfo}}<br/></span>
					</p>
				</li>
			</ol>
		</div>

		<script>
			new Vue({
				el: '#app',
				data: {
					"code": "200",
					"msg": "操作成功",
					"obj": {
						"traceList": [{
								"name": "支付定金",
								"status": "DONE",
								"info": [
									[
										"xxxx-xx-xx xx:xx:xx",
										"线下支付定金2000.0元"
									]
								]
							},
							{
								"name": "置换确认",
								"status": "DONE",
								"info": [
									[
										"2018-10-07 11:55:20",
										"经销商确认旧车置换",
										"置换补贴金额:￥7345"
									]
								]
							},
							{
								"name": "贷款审批",
								"status": "ING",
								"info": [
									[
										"XXXX-xx-xx xx:xx",
										"提交贷款申请（提供商：null)"
									]
								]
							},
							{
								"name": "支付首付",
								"status": "INIT",
								"info": [
									[
										"待支付首付"
									]
								]
							},
							{
								"name": "支付保费",
								"status": "INIT",
								"info": [
									[
										"待支付保费"
									]
								]
							},
							{
								"name": "到店提车",
								"status": "INIT",
								"info": [
									[
										"待到店提车"
									]
								]
							}
						],
						"currentStep": "提交贷款申请"
					}
				}

			})
		</script>
	</body>
</html>
